/* 获取元素 */

const open_btn = document.querySelector(".open-btn");
const close_btn = document.querySelector(".close-btn");
const nav = document.querySelectorAll(".nav");

/* 添加开启的点击事件 */
open_btn.addEventListener("click", () => {
  /* 循环nav中的所有元素 */
  nav.forEach((nav_el) => {
    /* 给元素添加上visible类样式 */
    nav_el.classList.add("visible");
  });
});
/* 添加关闭的点击事件 */
close_btn.addEventListener("click", () => {
  /* 循环nav中的所有元素 */
  nav.forEach((nav_el) => nav_el.classList.remove("visible"));
});
